<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" th:href="@{/header/css/bootstrap.css}" />
	<style type="text/css">
		.nav>li>a {
			height: 50px;
			color: #000;
			text-align: center;
			font-size: 18px;
			line-height: 30px;
			text-decoration: none;
		}

		.nav>li>a:active {
			color: #fff;
			background-color: #ff5000;
		}

		.nav>li>a:hover {
			color: #fff;
			background-color: #ff5000;
			text-decoration: none;
		}

		.nav>li.active>a {
			color: #fff;
			background-color: #ff5000;
			text-decoration: none;
		}

		.navli {
			list-style: none;
			height: 50px;
			width: 18%;
			float: left;
		}
		.ulmenu>a {
			margin: .1em;
		}

		.logli {
			list-style: none;
			height: 50px;
			float: left;
		}

		.logli>a {
			height: 50px;
			color: #000;
			width: 97px;
			text-align: center;
			font-size: 12px;
			line-height: 50px;
			text-decoration: none;
		}
		.liginlo>a {
			height: 50px;
			color: #000;
			width: 97px;
			text-align: center;
			font-size: 12px;
			line-height: 50px;
			text-decoration: none;
		}
		.boxx {
			margin-top: 0;
			width: 100%;
			padding: 0 10%;
			min-width: 1260px;
			background-color: #fff;
		}
		.active-a{
			color: #fff;
			background-color: #ff5000;
			text-decoration: none;
		}
	</style>
</head>

<body style="padding-top: 0;">
	<div class="container boxx">
		<br><br>
		<div class="row">
			<div class="col-md-3">
				<img th:src="@{/image/logo.png}" width="200px" style="margin-top: -10px" />
			</div>
			<div class="col-md-7 col-md-offset-1">

				<ul class="nav">
					<li class="navli">
						<a th:class="${urlFlag eq 'index' ? 'active-a' : ''}" th:href="@{/home/index}" class="hvr-shutter-out-vertical">首页</a>
					</li>
					<li class="navli">
						<a th:class="${urlFlag eq 'hotel' ? 'active-a' : ''}" href="javascript:;" onclick="managerHotel()" class="hvr-shutter-out-vertical">管理酒店</a>
					</li>
				</ul>
			</div>
		</div>
		<br>
	</div>
	<hr style="margin: 0;padding: 0; width: 100%;box-shadow: 0 0 1px 1px hsla(0,0%,60%,.3) inset, 0 .1em 0.1em rgba(0, 0, 0, 0.5);">
</body>
<script type="text/javascript" th:src="@{/header/js/jquery-1.8.2.min.js}"></script>
<script type="text/javascript" th:src="@{/header/js/bootstrap.js}"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script th:inline="javascript">
    /*<![CDATA[*/
    var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
    /*]]>*/
</script>
<script>
    //导航滚动置顶
    $(function() {
        var navHeight = $('#nav-header').height();
        $(document).scroll(function() {
            $(window).scrollTop() >= navHeight ? $('#nav-header').addClass('fixed') : $('#nav-header').removeClass('fixed');
        })
    });

    function managerHotel() {
        window.location.href = contextPath + '/hotel/list';
    }
</script>
</html>